部分代替了原来的 JavaScript
史博辉 2022-10-16 16:32:00 html
HTML5 增加了一些非常实用的功能，这些功能可以部分代替 JavaScript，而这些功能只要通过为标签增加一些属性即可。
例如，打开一个页面后立即让某个单行文本框获得输入焦点，在 HTML5 以前，可能需要通过 JavaScript 来实现。看如下页面片段。
<body>
图书：<input type="text" name="book" id="name"/><br/>
价格：<input type="text" name="price" id="price"/>
<script type="text/javascript">
document.getElementById("price").focus();
</script>
</body>
上面的页面片段通过 JavaScript 代码来完成整个功能，但在 HTML5 中则只需要设置一个属性即可。如果使用 HTML5，则可以把上面的页面片段改为如下格式。
<body>
图书：<input type=text name=book/><br/>
价格：<input type=text autofocus name=price/>
</body>
上面的页面片段放在一起进行对比，不难发现使用 HTML5 之后简洁多了。在浏览器中浏览该页面即可看到如图所示的效果。
除了这里示范的 autofocus 可用于自动获得焦点之外，HTML5 还支持其他一些属性，比如一些输入校验的属性，以前都必须通过 JavaScript 来完成，但现在都只要一个 HTML5 属性即可。